﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>欢迎登录审批管理系统</title>
<link href="${ctx}/static/css/style.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="${ctx}/static/js/jquery.js"></script>
<script src="${ctx}/static/js/cloud.js" type="text/javascript"></script>


<script language="javascript">
	$(function(){
    $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
	$(window).resize(function(){  
    $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
    })  
});  
</script> 

</head>

<body style="background-color:#1c77ac; background-image:url(/static/images/light.png); background-repeat:no-repeat; background-position:center top; overflow:hidden;">



    <div id="mainBody">
      <div id="cloud1" class="cloud"></div>
      <div id="cloud2" class="cloud"></div>
    </div>  


<div class="logintop">    
    <span>欢迎登录审批管理界面平台</span>    
    <ul>
  <!--   <li><a href="#">回首页</a></li> -->
    <li><a href="#">帮助</a></li>
    <li><a href="#">关于</a></li>
    </ul>    
    </div>
    
    <div class="loginbody">
    
    <span class="systemlogo"></span> 
       
    <div class="loginbox">
	    <ul>
		    <li><input name="username" id="username" type="text" class="loginuser"  /></li>
		    <li><input name="password" id="password" type="password" class="loginpwd"  /></li>
		    <li>
			    <input name="" type="button" class="loginbtn" value="登录"  onclick="login();"  />
			    <label><input name="" type="checkbox" value="" checked="checked" />记住密码</label>
			    <label><a href="#">忘记密码？</a></label>
		    </li>
	    </ul>
    </div>
    </div>
    <div class="loginbm">版权所有优呼呼</div>
    <script type="text/javascript">
		
		function login() {
			var username = $("#username").val();
			var password = $("#password").val();
			$.ajax({
				type : "POST",
				data : {
					"username" : username,
					"password" : password
				},
				dataType : "json",
				url : "/ajaxLogin",
				success : function(result) {
					if (result.status != 200) {
						alert("提示:",result.message,"error");
					} else {
						location.href = "${ctx}/main";
					}
				}
			});
		}
	</script>
</body>
</html>
